<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String htmlData = request.getParameter("description") != null
			? request.getParameter("description")
			: "";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP '008_datagrid.jsp' starting page</title>

		<%@include file="/WEB-INF/jsp/public/commons.jspf"%>
		<link rel="stylesheet"
			href="<%=path%>/js/kindeditor-4.1.7/themes/default/default.css" />
		<link rel="stylesheet"
			href="<%=path%>/js/kindeditor-4.1.7/plugins/code/prettify.css" />
		<script charset="utf-8"
			src="<%=path%>/js/kindeditor-4.1.7/kindeditor.js"></script>
		<script charset="utf-8"
			src="<%=path%>/js/kindeditor-4.1.7/lang/zh_CN.js"></script>
		<script charset="utf-8"
			src="<%=path%>/js/kindeditor-4.1.7/plugins/code/prettify.js"></script>
		<script type="text/javascript">
		KindEditor.ready(function(K) {
			var editor1 = K.create('#description', {
				cssPath : '<%=path%>/js/kindeditor-4.1.7/plugins/code/prettify.css',
				uploadJson : '<%=path%>/js/kindeditor-4.1.7/jsp/upload_json.jsp',
				fileManagerJson : '<%=path%>/js/kindeditor-4.1.7/jsp/file_manager_json.jsp',
				allowFileManager : true,
			});
			prettyPrint();
		});
</script>
		<script type="text/javascript">
	$(function() {

		/**
		 * 	对于form表单的验证 
		 */
		//数值验证组件 
		// 自定义的校验器
		$.extend($.fn.validatebox.defaults.rules,
				{
					midLength : {
						validator : function(value, param) {
							return value.length >= param[0]
									&& value.length <= param[1];
						},
						message : ''
					}
				});

		//数值验证组件 
		$('#period').numberbox( {
			min : 0,
			max : 200,
			required : true,
			missingMessage : '学时必填!',
			precision : 0
		});

		var flag; //undefined 判断新增和修改方法 
		/**
		 *	初始化数据表格  
		 */
		$('#t_user')
				.datagrid(
						{
							idField : 'id', //只要创建数据表格 就必须要加 ifField
							title : '知识点列表',
							//width:1300 ,
							fit : true,
							height : 450,
							url : 'kpoint_listJson.action',
							fitColumns : true,
							striped : true, //隔行变色特性 
							loadMsg : '数据正在加载,请耐心的等待...',
							rownumbers : true,
							rowStyler : function(index, record) {
							},
							frozenColumns : [ [ //冻结列特性 ,不要与fitColumns 特性一起使用 
							{
								field : 'ck',
								width : 50,
								checkbox : true
							} ] ],
							columns : [ [
									{
										field : 'name',
										title : '知识点名',
										width : 100,
										align : 'center',
										formatter : function(value, record,
												index) {
											//console.info(record);
											return "<a title='kpoint_show.action?model.id="
													+ record.id
													+ "' onclick=parent.addWin(this)>"
													+ value + "";
										}
									},
									{
										field : 'definition',
										title : '定义',
										width : 100
									},
									{
										field : 'defficulty',
										title : '难度',
										width : 50,
										formatter : function(value, record,
												index) {
											if (value == 1) {
												return '非常简单';
											} else if (value == 2) {
												return '简单';
											} else if (value == 3) {
												return '中等';
											} else if (value == 4) {
												return '困难';
											} else if (value == 5) {
												return '非常简单';
											}
										}
									},
									{
										field : 'goal',
										title : '目标',
										width : 50,
										formatter : function(value, record,
												index) {
											if (value == 1) {
												return '了解';
											} else if (value == 2) {
												return '掌握';
											} else if (value == 3) {
												return '应用';
											}
										}
									},
									{
										field : 'period',
										title : '学时',
										width : 100,
										sortable : true
									},
									{
										field : 'status',
										title : '状态',
										width : 100,
										formatter : function(value, record,
												index) {
											if (value == 0) {
												return '显示中';
											} else if (value == 3) {
												return '<span style=color:red>审核未通过</span>';
											}
										}
									} 
								]],
							pagination : true,
							pageSize : 10,
							pageList : [ 5, 10, 15, 20, 50 ],
							
							toolbar : [
							
							//判断登陆用户为学生时不显示修改和删除选项
							
							<s:if test="#session.peopleFlag==1 || #session.peopleFlag==4">
							{
										text : '修改知识点',
										iconCls : 'icon-edit',
										handler : function() {
											flag = 'edit';
											var arr = $('#t_user').datagrid(
													'getSelections');
											if (arr.length != 1) {
												$.messager.show( {
													title : '提示信息!',
													msg : '只能选择一行记录进行修改!'
												});
											} else {
														//修改	
													parent.addWind("kpoint_editUI.action?model.id="+arr[0].id,"修改知识点");
												
											}

										}
									},
									{
										text : '删除知识点',
										iconCls : 'icon-remove',
										handler : function() {
											var arr = $('#t_user').datagrid(
													'getSelections');
											if (arr.length <= 0) {
												$.messager.show( {
													title : '提示信息!',
													msg : '至少选择一行记录进行删除!'
												});
											} else {

												$.messager
														.confirm(
																'提示信息',
																'确认删除?',
																function(r) {
																	if (r) {
																		var ids = '';
																		for ( var i = 0; i < arr.length; i++) {
																			ids += arr[i].id + ',';
																		}
																		ids = ids
																				.substring(
																						0,
																						ids.length - 1);
																		$.post(
																						'kpoint_deleteByIds.action',
																						{
																							ids : ids
																						},
																						function(
																								result) {
																							//1 刷新数据表格 
																							$(
																									'#t_user')
																									.datagrid(
																											'reload');
																							//2 清空idField   
																							$(
																									'#t_user')
																									.datagrid(
																											'unselectAll');
																							//3 给提示信息 
																							$.messager
																									.show( {
																										title : '提示信息!',
																										msg : '操作成功!'
																									});
																						});
																	} else {
																		return;
																	}
																});
											}
										}
									},
								</s:if>
								
								
								
									//查询
									{
										text : '查询知识点',
										iconCls : 'icon-search',
										handler : function() {
											$('#lay').layout('expand', 'north');
											$('#mysearch').get(0).reset();
										}
									}]
						});


		/**
		 * 初始化combobox
		 */
		$("#searchcombo").combobox( {
			url : 'kpoint_listJson.action',
			valueField : 'id',
			textField : 'name',
			mode : 'remote'
		});

		/**
		 * 关闭窗口方法
		 */

		$('#searchbtn').click(function() {
			$('#t_user').datagrid('load', serializeForm($('#mysearch')));
		});

		$('#clearbtn').click(function() {
			$('#mysearch').get(0).reset();
			$('#t_user').datagrid('load', {});
		});

	});

	//js方法：序列化表单 			
	function serializeForm(form) {
		var obj = {};
		$.each(form.serializeArray(), function(index) {
			if (obj[this['name']]) {
				obj[this['name']] = obj[this['name']] + ',' + this['value'];
			} else {
				obj[this['name']] = this['value'];
			}
		});
		return obj;
	}

	$(function() {
		$('#t1').tree( {
			//发送异步ajax请求, 还会携带一个id的参数 
			url : 'navigation_listJsonLeft.action',
			onSelect : function(node) {
				$.ajax( {
					type : 'post',
					url : 'kpoint_listJson.action?navigation.id=' + node.id,
					cache : false,
					dataType : 'json',
					success : function(data, textStatus) {
						$('#t_user').datagrid('loadData', data);
					}
				});
			}
		});
	});
</script>
	</head>

	<body>



		<div id="lay" class="easyui-layout" style="width: 100%; height: 100%">
			<!-- 知识点分类导航window -->
			<div region="west" title="知识分类导航" collapsed=false
				style="width: 200%; height: 100%">
				<ul id="t1"></ul>
			</div>
			<!-- 查询window -->
			<div region="north" title="知识点查询" collapsed=true
				style="height: 60px;">
				<form id="mysearch" method="post" style="float: right">
					<table>
						<tr>
							<td>
								知识点名：
							</td>
							<td>
								<input id="searchcombo" type="text" name="name"
									class="easyui-combobox" validType="midLength[1,100]"
									missingMessage="知识点名必填!" invalidMessage="必须在100个字符以内!"
									style="width: 100px;" />
							</td>
							<td>
								&nbsp;&nbsp;&nbsp; 难度：
							</td>
							<td>
								<select name="defficulty" style="width: 100px;"
									name="difficulty">
									<option value="" selected="selected">
									</option>
									<option value="1">
										0 非常简单
									</option>
									<option value="2">
										简单
									</option>
									<option value="3">
										中等
									</option>
									<option value="4">
										困难
									</option>
									<option value="5">
										非常困难
									</option>
								</select>
							</td>
							<td>
								&nbsp;&nbsp;&nbsp; 最小学时：
							</td>
							<td>
								<input type="text" name="minPeriod" class="easyui-numberbox"
									min="0" max="200" value="" style="width: 100px;" />
							</td>
							<td>
								&nbsp;&nbsp;&nbsp; 最大学时：
							</td>
							<td>
								<input type="text" name="maxPeriod" class="easyui-numberbox"
									min="0" max="200" value="" style="width: 100px;" />
							</td>
							<td>
								&nbsp;&nbsp;&nbsp;
								<a id="searchbtn" class="easyui-linkbutton">查询</a>
								<a id="clearbtn" class="easyui-linkbutton">清空</a>
							</td>
						</tr>
					</table>

				</form>

			</div>
			<div region="center">
				<table id="t_user"></table>
			</div>
		</div>

	</body>
</html>
